@charset "utf-8";
@import "common/reset";
@function p($px){
    @return $px/2+px;
    
}
body{
    position: relative;
    overflow: hidden;
    .mobile{
        header{
    width: 100%;
    height: p(88);
    background: #0f0f0f;
    display: flex;
//  justify-content: space-around;
    align-items: center;
    .cha{
        width: p(34);
        height: p(34);
        overflow: hidden;
        display: flex;
        margin-left: 5%;
        img{
            width: 100%;
        }
    }
    .gan{
        width: p(2);
        height: p(59);
        border: p(2) solid #000;
        margin-left: 5%;
    }
    h1{
        font-size: p(34);
        color: #fff;
        margin-left: 5%;
    }
    .dian{
        width: p(6);
        height: p(34);
        overflow: hidden;
        margin-left: 50%;
        img{
            width: 100%;
        }
    }
}
        section{
            //用户框
            .user{
                width: 100%;
                height:p(276);
                background: url(../img/GRZX/BG1.png);
                display: flex;
                justify-content: space-around;
                //头像
                .touxiang{
                    width: p(120);
                    height:p(120);
                    overflow: hidden;
                    align-self: center;
                    img{
                        width: 100%;
                    }
                }
                //用户名
                .username{
                    font-size: p(36);
                    color: #fff;
                    align-self:center;
                    margin-top:-20px;
                    
                }
                //地址
               .add{
                    font-size: p(20);
                   
                    align-self:flex-end;
                    margin-bottom: 20px;
                    a{
                         color: #c4c4c4;
                    }
                }
                
            }
            //我的管理
            .manger{
                display: flex;
                flex-direction: column;
                align-items: center;
                font-size: 0;
                .DD{
                width: p(600);
                height: p(80);
                background: #fff;
                border: 1px solid #cbcbcc;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .img{
                    width: p(31);
                    height: p(30);
                    overflow: hidden;
                    margin-left: p(16);
                    img{
                        height: 100%;
                    }
                    
                }
                p:nth-child(2){
                    margin-right:p(290);
                    font-size:p(26) ;
                    color: #606060;
                }
                p:nth-child(3){
                    margin-right:p(20);
                    color: #606060;
                }
            }
            a:nth-child(1){
                margin-top: p(20);
                margin-bottom: p(20);
            }
            a:nth-child(2){
                p:nth-child(2){
                    margin-left:p(30);
                   
                }
            }
            a:nth-child(5){
                p:nth-child(2){
                    margin-left:p(30);
                   
                }
            }
            }
        }
        footer{
            width: 100%;
            height: p(95);
            background: url(../img/GRZX/BG2.png);
            position: absolute;
            bottom: 0;
            display: flex;
            justify-content: space-around;
            border-top: p(3) solid #241f47;
            align-items: center;
            a{
                font-size: p(24);
                color: #28224a;
                display: flex;
                flex-direction: column;
                align-items: center;
                .img{
                    width: p(46);
                    height: p(40);
                    overflow: hidden;
                    img{
                        height: 100%;
                    }
                }
            }
        }
    }
}    